/*公共*/
/*1 重定义浏览器默认样式
Name: style_reset
Explain: 重定义浏览器默认样式
*/
/*全局默认链接颜色*/
*{word-wrap:break-word;/*自动换行*/}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
/*h1,h2,h3,h4,h5,h6{font-size:100%}*/
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none;text-decoration: none;}
a:hover,a:active{outline:none}:focus{outline:none;text-decoration: none;}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
@media (max-width:767px){
.img-responsive{max-width:100%!important;height: auto!important}
}
/*屏蔽chrome浏览器默认添加的黄色背景样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*清楚浮动
Name: style_clearfix
Example: class="clearfix|cl"
Explain: clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.clear{clear: both;}
/*控制元素对定位的位置：居左|居右|j居上|居下*/
.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}
.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
/*3.1.6 文字单行溢出省略号
Name: style_text-overflow
Example: class="text-overflow"
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*3.1.7 线条
Name: style_line
Example: class="line"
*/
.line{font-size: 0px; line-height: 0px; border-top: solid 1px #eee; float: none}
.hr-bar{ width: 100%;border-top:1px solid #dddddd;height: 1px;}
/*字体颜色*/
.text-ccc,.text-ccc a{ color:#ccc ;}
.text-333,.text-333 a{ color:#333 ;}
.text-666,.text-666 a{ color:#666 ;}
.text-999,.text-999 a{ color:#999 ;}
.text-AAA,.text-AAA a{ color:#AAA ;}
/*空元素站位*/
.null10{height:10px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null15{height:15px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null25{height:25px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null30{height:30px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.null50{height:50px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
/*3.1.8 外边距
Name: style_margin
Example: class="mt-5|mt-10..."
Explain: .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mlr5{margin:0px 5px;}.mlr10{margin:0px 10px;} .mlr15{margin:0px 15px;} .mlr20{margin:0px 20px;}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-2{margin-right:2px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/*3.1.9 内填充
Name: style_padding
Example: class="pt-5|pt-10|……"
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
.plr10{padding:0px 10px;}
/*去掉 table 里thead的多余横线*/
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width:0px;
}
/*3.1.10 边框，css3圆角
Name: style-border
Example: class="bk_gray radius"
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
*/
.bk-gray{border:solid 1px #eee}/*边框线*/
.radius0{ border-radius:0px!important;}
.radius2{ border-radius:3px!important;}
.radius5{ border-radius:5px!important;}
.radius12{ border-radius:12px!important;}
.round{border-radius:1000px; overflow:hidden;}
.circle{ border-radius:50%; overflow:hidden;}
/*3.1.11 css3阴影
Name: style_shadow
Example: class="box_shadow|text-shadow"
Explain: box_shadow 块级元素阴影，全局样式，可用在表格，文本框，文本域，div等块级元素上。
text-shadow 文字阴影
*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2);}
/*旋转90、180度*/
.rotate90{
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition:0.2s ;
}
.rotate180{
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition:0.2s ;
}
.rotate270{
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
/*3.1.12 行内分割竖线
Name: style_pipe
Example: |
*/
/*3.1.13 文字尺寸
Name: style_font-size
Example: class="f-10|f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
Explain: 12px字体|14px字体|16px字体|18px字体|20px字体|24px字体|26px字体|28px字体|30px字体
*/
.f-10{font-size:10px}.f-12{font-size:12px}.f-13{font-size:13px}.f-14{font-size:14px}.f-15{font-size:15px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}
/*3.1.14 文字行距
Name: mod_line-height
Example: class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
Explain: 16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
*/
.lh-16{line-height:16px}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px}
/*2.0以前的兼容版本*/
.l16{line-height:16px}.l18{line-height:18px}.l20{line-height:20px}.l22{line-height:22px}.l-24{line-height:24px}.l-26{line-height:26px}.l-28{line-height:28px}.l-30{line-height:30px}.l-40{line-height:40px}.l-50{line-height:50px}
/*关闭*/
.close{font-size:20px;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20)}
.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40)}
/*鼠标划过链接样式*/
.cursor{cursor: pointer;}
.default-tips{background: #2abf5c;padding: 0 4px;color: #fff;line-height: 24px;}
/*警告*/
.Malert{ position:relative;padding:8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;border-radius: 4px}
.Malert, .Malert h4{color: #c09853}
.Malert h4{margin: 0;}
.Malert .icon-remove{position:absolute;top:9px;right:10px;line-height: 20px;cursor:pointer; color:#000; opacity:0.2;_color:#666;}
.Malert .icon-remove.hover{ color:#000;opacity:0.8;}
.Malert-success{color: #468847;background-color: #dff0d8;border-color: #d6e9c6}
.Malert-success h4{color: #468847}
.Malert-danger, .Malert-error{color: #b94a48;background-color: #f2dede;border-color: #eed3d7}
.Malert-danger h4, .Malert-error h4{color: #b94a48}
.Malert-info{color: #3a87ad;background-color: #d9edf7;border-color: #bce8f1}
.Malert-info h4{color: #3a87ad}
.Malert-block{padding-top: 14px;padding-bottom: 14px}
.Malert-block > p, .Malert-block > ul{margin-bottom: 0}
.Malert-block p + p{margin-top: 5px}
/* 错误页-404*/
.page-404{ color:#afb5bf; padding-top:60px}
.page-404 .error-title{font-size:80px}
.page-404 .error-title .iconfont{font-size:80px}
.page-404 .error-description{font-size:24px}
.page-404 .error-info{font-size:14px}
#page-404 .footer{ position:absolute; bottom:0; left:0; right:0}
/*4.5 选项卡
Name: module_slider
Sample:
选项卡一选项卡二自适应宽度
内容一
内容二
内容三
*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;
font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff}
.tabCon {display: none}
/*4.2.5 向导
Name: mod_steps
Sample:
第一步
第二步
第三步
第四步
*/
.steps,.step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.step:after,.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.45em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}
.step,.steps .step,.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}
.steps{cursor:pointer;display:inline-block;font-size:0;box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:.3125rem}
.steps .step:first-child{padding-left:1.35em;border-radius:.3125em 0 0 .3125em}
.steps .step:last-child{border-radius:0 .3125em .3125em 0}
.steps .step:only-child{border-radius:.3125em}
.steps .step:last-child{margin-right:0}
.steps .step:last-child:after{display:none}
.step:hover,.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}
.steps .step.hover:after,.steps .step:hover:after,.step:hover,.step.hover::after{border-left-color:#F7F7F7}
.steps .step.down,.steps .step:active,.step.down,.step:active{background-color:#F0F0F0}
.steps .step.down:after,.steps .step:active:after,.steps.down::after,.steps:active::after{border-left-color:#F0F0F0}
.steps .step.active,.active.step{cursor:auto;background-color:#428BCA;color:#FFF;font-weight:700}.steps .step.active:after,.active.steps:after{border-left-color:#428BCA}
.steps .disabled.step,.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}
.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}
.attached.steps{margin:0;border-radius:.3125em .3125em 0 0}
.attached.steps .step:first-child{border-radius:.3125em 0 0}
.attached.steps .step:last-child{border-radius:0 .3125em 0 0}
.bottom.attached.steps{margin-top:-1px;border-radius:0 0 .3125em .3125em}
.bottom.attached.steps .step:first-child{border-radius:0 0 0 .3125em}
.bottom.attached.steps .step:last-child{border-radius:0 0 .3125em}
/*向导数量*/
.one.steps,.two.steps,.three.steps,.four.steps,.five.steps,.six.steps,.seven.steps,.eight.steps{display:block}
.one.steps>.step{width:100%}
.two.steps>.step{width:50%}
.three.steps>.step{width:33.333%}
.four.steps>.step{width:25%}
.five.steps>.step{width:20%}
.six.steps>.step{width:16.666%}
.seven.steps>.step{width:14.285%}
.eight.steps>.step{width:12.5%}
/*向导尺寸*/
.small.step,.small.steps .step{font-size:.8rem}/*小*/
.step,.steps .step{font-size:1rem}/*默认*/
.large.step,.large.steps .step{font-size:1.25rem}/*大*/
/*4.9 进度条 loading
Name: mod_progress
Example:
Explain: 警告,使用警告框jQuery插件
*/
.progress,.progress-bar,.sr-only{height:10px; font-size:0;line-height:0}
.progress{overflow:hidden; width:400px}
.progress.radius{}/*自定义圆角*/
.progress-bar{width:100%;background-color:#efefef}
.sr-only{display:inline-block; background-color:#58b957}
/*4.16 滚动
Name: mod_rolling
Example:
*/
.marquee{height:22px;overflow:hidden;line-height:22px}
.rollpic .prev,.rollpic .next{display:block; height:38px; width:38px; cursor:pointer; float:left; /*background:url(../images/unslider-arrow2.png) no-repeat 0 0;*/ margin-top:70px}
.rollpic .prev{background-position:0 0; margin-right:5px}
.rollpic .prev:hover{background-position:0 -38px}
.rollpic .next{background-position:0 -76px;margin-left:5px}
.rollpic .next:hover{background-position:0 -114px}
.rollpicshow{float:left; border:solid 1px #ddd}
.rollpicshow li{padding:10px}
/*消息按钮*/
.label-badge {display: inline-block;min-width: 10px;padding: 5px 7px;font-size: 12px;line-height: 1;border-radius: 12px;}
/*消息提示数字*/
.tips-drop{position: relative;
display: inline-block;
height: 15px;
line-height: 15px;
font-family: arial;
top: -5px;
padding: 0 4px;
background: #e4393c;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #fff;
font-size: 10px;
margin: 0 0 0 2px;}
/*弹出消息提示*/
.onclick_tips{background-color:#FFF ;border:4px solid #BCE0AD; z-index:999 ;width:300px ;min-height:50px;
position: fixed;top:30%;left:38%;color:#468847;line-height: 30px;padding:5px 10px; text-align: center;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);
}
/*返回顶部*/
.toTop{position:fixed;bottom:40px;right:15px; z-index:999;display:none; font-size:16px;cursor: pointer;overflow:hidden;visibility:visible; background-color:#fff;border: 1px solid #d9d9d9;color: #9c9c9c;font-size: 16px;width:50px;height:45px;line-height:45px;text-align: center; text-decoration:none;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.toTop:hover{ color:#fff; text-decoration:none; background-color:#DEDCDC}
/* 清除table边框，把边框变成透明的。 */
.no-border > tbody > tr > td{border:none!important;}
/*completer 搜索匹配插件样式*/
.completer-container {
position: absolute;
cursor:pointer ;
/* box-shadow: 0 2px 5px #e3e3e3,-1px 2px 5px #e3e3e3;*/
max-height: 260px;
overflow: hidden;
padding:4px 0px ;
font-size: 13px;
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
border-bottom-color: #39f;
}
.completer-container li{ padding-left:10px ;line-height: 25px;}
.completer-container li:hover{ background-color:#c7e0fd ;}
.dropDown{display:inline-block}.dropDown_A{display:inline-block}
.dropDown-menu{ display:none;transition: all 0.3s ease 0s}
.dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{ position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:20%; line-height:0;background:url(../images/icon-jt.png) no-repeat 0 0}
/*鼠标经过 */
.dropDown.hover.dropDown_A,.dropDown.open.dropDown_A{text-decoration:none;background-color:rgba(255,255,255,0.2)}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transition-duration:0.3s ;transition-property:all;_background-position:0 0}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transform: rotate(180deg);}
.menu{background-color:#fff;border:solid 1px #f2f2f2; display: inline-block;}
.menu.radius{border-top-left-radius:0;border-top-right-radius:0}
.menu.box-shadow{border-top:none;}
.menu > li{ position: relative; float: none;display:block;}
.menu > li > a{ display: block;clear: both;border-bottom:solid 1px #f2f2f2;padding:6px 20px;text-align:left;line-height:1.5;font-weight: normal;white-space:nowrap}
.menu > li:last-child > a{ border-bottom:none}
.menu > li > a:hover,.menu > li > a:focus,.menu > li.open > a{ text-decoration:none;background-color:#fafafa}
.menu > li > a.arrow{ position:absolute; top:50%; margin-top:-10px; right:5px;line-height: 20px; height: 20px; color: #999}
.menu > li >.menu{ display: none}
.menu > li.open >.menu{ display: inline-block;position: absolute; left:100%;top:-1px;min-width:100%;}
/*禁用菜单*/
.menu > li.disabled > a{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
/*线条*/
.menu > li.divider{ display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}
/*打开菜单*/
.dropDown >.dropDown-menu{ display: none}
.dropDown.open{position:relative;z-index:990}
/*默认左对齐*/
.dropDown.open >.dropDown-menu{position:absolute;z-index:1000;display:inline-block;top:100%;left:-1px;min-width:100%;background-color:#fff;border:solid 1px #f2f2f2}
/*右对齐*/
.dropDown.open.right >.dropDown-menu{right:-1px!important;left:auto!important}